<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>打印包货单</title>
    <link rel="shortcut icon" href="/web/static/src/img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/web/static/src/css/full.css">
    <link rel="stylesheet" href="/web/static/lib/fontawesome/css/font-awesome.css">
    <link rel="stylesheet" href="/web/static/lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="/web/static/src/css/base.css">
    <style type="text/css" id="style">
        body{padding: 10px;
            font-size: 10pt;
            overflow:scroll;
        }

        @media print
        {
            .print-hide {display:none}
        }

        .td_inline {
            display:block;
            white-space:nowrap;
            text-overflow:ellipsis;
            width: 370pt;
        }

        .nowrap{
            white-space:nowrap;
        }

        .curPre {

        }

        .table thead tr td{font-weight: bold; font-size: 11pt; }

        h4{margin: 0px;  padding: 0px;font-size: 14pt}

        h5{
            font-size:11pt; font-family:'黑体'; font-weight: bold; margin: 0px;  padding: 0px;
        }

        div{font-size: 10pt}

        span.foot_sign{border-bottom: 1px solid #ddd}

        .table tbody tr td{border-top: 1px solid #ddd;}
        .table tbody tr:last-child td{border-top: 1px solid #ddd;}
        .table tbody tr.memo td {padding:0px; border-top:0px }

        td{font-size:10pt}

        .font-middle{
            font-size: 12pt;
        }

        .page_head{
            padding-bottom: 20px;
        }

        .bottom-line{
            border-bottom:1px solid #DDD;
        }


    </style>
</head>

<body>
    <!-- lodop 控制脚本 -->
    <div class="controls controls-row print-hide">
        注: 打印A4纸按Ctrl+P键，或者菜单上面选择文件->打印，文件->页面设置里面可以去除页眉页脚
    </div>
    <br/>

    <!-- 供应商付款申请单表头 -->
    <div id="div-header">
        <table border="0" cellSpacing="0" cellPadding="0" width="100%">
            <tbody>
               <tr>
                    <td align="center" colspan="4">
                        <h4 class="page_head">{{package_row.name}}包货单</h4>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>销售订单编号:{{package_row.so_id.name}} </span>
                    </td>
                    <td>
                        参与人数:{{package_row.person_qty or ''}}
                    </td>
                </tr>
                <tr>
                    <td>
                        套装名称:{{package_row.product_name}}
                    </td>
                    <td>
                        包货份数: {{package_row.package_qty}}
                    </td>
                </tr>
                <tr>
                    <td>
                        开始时间:
                        {{package_row.start_datetime or ''}}
                    </td>
                    <td >
                        结束时间:
                         {{ package_row.end_datetime or ''}}
                    </td>
                </tr>
              <tr>
                    <td>
                         负责人:
                        {{package_row.user_id and package_row.user_id.name or ''}}
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

    <br/>

    <!-- 供应商付款申请单表身 -->
    <div id="div-body">
        <table class="table table-striped" width="100%">
            <thead>
            <tr>
                <td class="nowrap">#</td>
                <td class="nowrap">产品名称</td>
                <td class="nowrap" style="text-align: right;">数量</td>
            </tr>
            </thead>
            <tbody>
             {% for line in package_row.product_package_line %}
                <tr>
                    <td>{{loop.index}}</td>
                    <td>[{{line.product_id.default_code}}]{{line.product_id.name}}</td>
                    <td>{{line.product_qty}}</td>
                </tr>
             {% endfor%}
            </tbody>
        </table>
        备注：{{package_row.note}}

        &nbsp;<br/>
    </div>

    <!-- 供应商付款申请单表尾 -->
    <div id="div-foot">
        <div style="float:right; margin-top:-20px">
            <img src="/wx/work/qr_or_bar_code?type=QR&width=100&value=product/package/{{package_row.id}}" width="100" height="100" />
        </div>
    </div>

</body>
</html>